<html>
<head>
	<meta charset="UTF-8">
	<title>CSS样式演示</title>
	<link rel="stylesheet" href="main.css">
	<style>
	    p {
			text-indent: 2em;
			font-size: 24px;
			line-height: 2;
		}
	</style>
</head>
<body>
	<h1>CSS样式演示练习</h1>
	<h2>外部样式表</h2>
	<p>外部样式表使用link元素与html文件建立联系</p>
	<h2>内部样式表</h2>
	<p>内部样式表写在head部分，用style元素来组织</p>
	<h2>内嵌样式表</h2>
	<p style="text-indent: 0;">内嵌样式表写在起始标签，用style属性实现</p>
	<h2 class="purple" id="title01">CSS语法练习</h2>
	<ul>
		<li><a href="https://www.bilibili.com/video/av21063939/">Unnatural完结纪念</a></li>
		<li><a href="https://www.bilibili.com/video/av20764988">《万物理论》剪辑</a></li>
		<li><a href="https://www.bilibili.com/video/av4022922">中古国王群像 The Crown</a></li>
	</ul>
</body>
</html>